<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>智慧社区后台</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/AdminLTE.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/fonts/iconfont/iconfont.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/plugins/bootstrap-table/css/bootstrap-table.css">
<style>
.number-block {
	color: #FFF;
	border-radius: 12px;
}

.number-block>.icon {
	padding-top: 0px;
	line-height: 100%;
}

.number-block>.icon>.iconfont {
	font-size: 60px;
}

.nav-pills>li>a {
	border-radius: 6px;
	border-top: none;
}

.fixed-table-container {
	border: 0px solid transparent !important;
}

#tableTabs {
	position: relative
}

#tabRefresh {
	position: absolute;
	/* 	top: 14px; */
	right: 0px;
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 10px;
	border: 1px solid silver;
	border-radius: 8px
}

legend {
	padding: .5em;
	border: 0;
	width: auto;
	margin-bottom: 10px
}

.bgcolor1 {
	background: -webkit-linear-gradient(top, #39fed9, #10e0b9);
	background: -o-linear-gradient(top, #39fed9, #10e0b9);
	background: -moz-linear-gradient(top, #39fed9, #10e0b9);
	background: linear-gradient(top, #39fed9, #10e0b9);
}

.bgcolor2 {
	background: -webkit-linear-gradient(top, #3276fd, #175eec);
	background: -o-linear-gradient(top, #3276fd, #175eec);
	background: -moz-linear-gradient(top, #3276fd, #175eec);
	background: linear-gradient(top, #3276fd, #175eec);
}

.bgcolor3 {
	background: -webkit-linear-gradient(top, #fdd945, #ecc528);
	background: -o-linear-gradient(top, #fdd945, #ecc528);
	background: -moz-linear-gradient(top, #fdd945, #ecc528);
	background: linear-gradient(top, #fdd945, #ecc528);
}

.bgcolor4 {
	background: -webkit-linear-gradient(top, #ff7c48, #f16832);
	background: -o-linear-gradient(top, #ff7c48, #f16832);
	background: -moz-linear-gradient(top, #ff7c48, #f16832);
	background: linear-gradient(top, #ff7c48, #f16832);
}
</style>
</head>
<body style="padding-bottom: 90px; background-color: #ECF0F5;">
	<section class="content" style="margin: 15px; background-color: white;">
		<div class="row">
			<fieldset>
				<legend>用户统计</legend>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #e19c43;">
						<div class="inner">
							<h3 id="count1">0</h3>
							<p>APP用户（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-27"></i>
						</div>
					</div>
				</div>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #5fbb77;">
						<div class="inner">
							<h3 id="count2">0</h3>
							<p>业主（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-yonghu"></i>
						</div>
					</div>
				</div>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #3ebda4;">
						<div class="inner">
							<h3 id="count3">0</h3>
							<p>家人、租户（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-ren"></i>
						</div>
					</div>
				</div>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #44a0d5;">
						<div class="inner">
							<h3 id="count4">0</h3>
							<p>社区访客（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-fangke"></i>
						</div>
					</div>
				</div>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #4964c5;">
						<div class="inner">
							<h3 id="count5">0</h3>
							<p>游客（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-youke"></i>
						</div>
					</div>
				</div>
				<div class="col-sm-4 col-xs-6">
					<div class="small-box number-block" style="background-color: #2ab7bc;">
						<div class="inner">
							<h3 id="count6">0</h3>
							<p>商铺（数量）</p>
						</div>
						<div class="icon">
							<i class="iconfont icon-shangpu"></i>
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset>
				<legend>代办事项</legend>
				<div class="col-sm-12 col-xs-12" style="overflow: hidden;">
					<ul id="tableTabs" class="nav nav-pills" style="margin-bottom: 5px;">
						<li role="presentation" class="active"><a href="javascript:void(0)" onclick="switchTable(1)">房产变更申请</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(2)">商户审核</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(3)">商铺审核</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(4)">商品目录审核</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(5)">社区门禁报错</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(6)">健身房报错</a></li>
						<li role="presentation"><a href="javascript:void(0)" onclick="switchTable(7)">O2O投诉</a></li>
						<button class='btn btn-default glyphicon glyphicon-refresh' id="tabRefresh" role="presentation" onclick="query()"></button>
					</ul>
					<table id="table1">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="userName">姓名</th>
								<th class="text-center" data-field="buildId">楼栋</th>
								<th class="text-center" data-field="unitId">单元</th>
								<th class="text-center" data-field="floor">楼层</th>
								<th class="text-center" data-field="roomId">房号</th>
								<th class="text-center" data-field="status">状态</th>
								<th class="text-center" data-field="createTime">申请时间</th>
							</tr>
						</thead>
					</table>
					<table id="table2" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="userName">商户名</th>
								<th class="text-center" data-field="corporateName">公司名</th>
								<th class="text-center" data-field="corporateAddr">实际经营地址</th>
								<th class="text-center" data-field="legalRepresentative">法人</th>
								<th class="text-center" data-field="email">邮箱</th>
								<th class="text-center" data-field="tel">电话</th>
								<th class="text-center" data-field="createTime">创建时间</th>
								<th class="text-center" data-field="status">状态</th>
							</tr>
						</thead>
					</table>
					<table id="table3" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="shopName">商铺名</th>
								<th class="text-center" data-field="isStore">是否有实体店</th>
								<th class="text-center" data-field="operationType">业态</th>
								<th class="text-center" data-field="accountName">开户人或公司</th>
								<th class="text-center" data-field="tel">电话</th>
								<th class="text-center" data-field="bankName">开户银行</th>
								<th class="text-center" data-field="bankNo">银行账号</th>
								<th class="text-center" data-field="createTime">创建时间</th>
								<th class="text-center" data-field="status">状态</th>
							</tr>
						</thead>
					</table>
					<table id="table4" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="shopName">商铺名</th>
								<th class="text-center" data-field="operationType">业态</th>
								<th class="text-center" data-field="tel">电话</th>
								<th class="text-center" data-field="createTime">创建时间</th>
								<th class="text-center" data-field="status">有无待审核目录</th>
							</tr>
						</thead>
					</table>
					<table id="table5" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="userName">提交人</th>
								<th class="text-center" data-field="userMobile">电话</th>
								<th class="text-center" data-field="doorType">错误类型</th>
								<th class="text-center" data-field="eText">错误描述</th>
								<th class="text-center" data-field="createTime">提交时间</th>
								<th class="text-center" data-field="s1">状态</th>
							</tr>
						</thead>
					</table>
					<table id="table6" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="userName">提交人</th>
								<th class="text-center" data-field="userMobile">电话</th>
								<th class="text-center" data-field="eType">错误类型</th>
								<th class="text-center" data-field="eText">错误描述</th>
								<th class="text-center" data-field="createTime">提交时间</th>
								<th class="text-center" data-field="s1">状态</th>
							</tr>
						</thead>
					</table>
					<table id="table7" style="display: none;">
						<thead style="color: #FFF; background-color: #337AB7;">
							<tr>
								<th class="text-center" data-field="orderId">订单号</th>
								<th class="text-center" data-field="userName">投诉人姓名</th>
								<th class="text-center" data-field="type">投诉来源</th>
								<th class="text-center" data-field="shopName">商铺名称</th>
								<th class="text-center" data-field="status">状态</th>
								<th class="text-center" data-field="createTime">投诉时间</th>
							</tr>
						</thead>
					</table>
				</div>
			</fieldset>
			<div class="col-sm-6 col-xs-12" style="display: none;">
				<div class="small-box" style="box-shadow: none;">
					<div class="inner" id="chart1" style="height: 300px;"></div>
				</div>
			</div>
			<div class="col-sm-6 col-xs-12" style="display: none;">
				<div class="small-box" style="box-shadow: none;">
					<div class="inner" id="chart2" style="height: 300px;"></div>
				</div>
			</div>
			<div class="col-sm-12 col-xs-12" style="display: none;">
				<div class="small-box" style="box-shadow: none;">
					<div class="inner" id="chart4" style="height: 300px;"></div>
				</div>
			</div>
			<fieldset>
				<legend>点击次数</legend>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor1">
						<div class="inner">
							<h3 id="icon1">0</h3>
							<p>健身房</p>
						</div>
						<div class="icon">
							<img src="iconImg/1.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor2">
						<div class="inner">
							<h3 id="icon2">0</h3>
							<p>生鲜超市</p>
						</div>
						<div class="icon">
							<img src="iconImg/2.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor3">
						<div class="inner">
							<h3 id="icon3">0</h3>
							<p>便利店</p>
						</div>
						<div class="icon">
							<img src="iconImg/3.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor2">
						<div class="inner">
							<h3 id="icon4">0</h3>
							<p>通知公告</p>
						</div>
						<div class="icon">
							<img src="iconImg/4.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor3">
						<div class="inner">
							<h3 id="icon5">0</h3>
							<p>周边商圈</p>
						</div>
						<div class="icon">
							<img src="iconImg/5.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor4">
						<div class="inner">
							<h3 id="icon6">0</h3>
							<p>跳蚤市场</p>
						</div>
						<div class="icon">
							<img src="iconImg/6.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor1">
						<div class="inner">
							<h3 id="icon7">0</h3>
							<p>天气查询</p>
						</div>
						<div class="icon">
							<img src="iconImg/7.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor4">
						<div class="inner">
							<h3 id="icon8">0</h3>
							<p>红色引擎</p>
						</div>
						<div class="icon">
							<img src="iconImg/8.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor1">
						<div class="inner">
							<h3 id="icon9">0</h3>
							<p>法律服务</p>
						</div>
						<div class="icon">
							<img src="iconImg/9.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor2">
						<div class="inner">
							<h3 id="icon10">0</h3>
							<p>相关部门</p>
						</div>
						<div class="icon">
							<img src="iconImg/10.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor3">
						<div class="inner">
							<h3 id="icon11">0</h3>
							<p>劲爆活动</p>
						</div>
						<div class="icon">
							<img src="iconImg/11.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor1">
						<div class="inner">
							<h3 id="icon12">0</h3>
							<p>健康小屋</p>
						</div>
						<div class="icon">
							<img src="iconImg/12.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor2">
						<div class="inner">
							<h3 id="icon13">0</h3>
							<p>九丘书馆</p>
						</div>
						<div class="icon">
							<img src="iconImg/13.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor3">
						<div class="inner">
							<h3 id="icon14">0</h3>
							<p>充电桩</p>
						</div>
						<div class="icon">
							<img src="iconImg/14.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor4">
						<div class="inner">
							<h3 id="icon15">0</h3>
							<p>智能家居</p>
						</div>
						<div class="icon">
							<img src="iconImg/15.png">
						</div>
					</div>
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="small-box number-block bgcolor2">
						<div class="inner">
							<h3 id="icon16">0</h3>
							<p>社区圈</p>
						</div>
						<div class="icon">
							<img src="iconImg/16.png">
						</div>
					</div>
				</div>
			</fieldset>
		</div>
	</section>
</body>
<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/bootstrap-table-zh-CN.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/bootstrap-table-export.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/tableExport.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/bootstrap-table-toolbar.js"></script>
<script src="${pageContext.request.contextPath}/plugins/bootstrap-table/js/bootstrap-table-filter-control.js"></script>
<script src="${pageContext.request.contextPath}/plugins/echarts/echarts.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/echarts/dark.js"></script>
<script src="${pageContext.request.contextPath}/js/date.js"></script>
<script>
	var c = 1;
	var now = new Date();
	var icon = 'path://M525.4 721.2H330.9c-9 0-18.5-7.7-18.5-18.1V311c0-9 9.3-18.1 18.5-18.1h336.6c9.3 0 18.5 9.1 18.5 18.1v232.7c0 6 8.8 12.1 15 12.1 6.2 0 15-6 15-12.1V311c0-25.6-25.3-48.9-50.1-48.9h-335c-26.2 0-50.1 23.3-50.1 48.9v389.1c0 36.3 20 51.5 50.1 51.5h197.6c6.2 0 9.3-7.5 9.3-15.1 0-6-6.2-15.3-12.4-15.3zM378.8 580.6c-6.2 0-12.3 8.6-12.3 14.6s6.2 14.6 12.3 14.6h141.4c6.2 0 12.3-5.8 12.3-13.4 0.3-9.5-6.2-15.9-12.3-15.9H378.8z m251.6-91.2c0-6-6.2-14.6-12.3-14.6H375.7c-6.2 0-12.4 8.6-12.4 14.6s6.2 14.6 12.4 14.6h240.8c6.2 0.1 13.9-8.5 13.9-14.6z m-9.2-120.5H378.8c-6.2 0-12.3 8.6-12.3 14.6s6.2 14.6 12.3 14.6h240.8c7.7 0 13.9-8.6 13.9-14.6s-6.2-14.6-12.3-14.6z m119.4 376.6L709 714.1c9.2-12 14.6-27 14.6-43.2 0-39.4-32.1-71.4-71.8-71.4-39.7 0-71.8 32-71.8 71.4s32.1 71.4 71.8 71.4c16.3 0 31.3-5.4 43.4-14.5l31.6 31.5c3.8 3.8 10 3.8 13.8 0 3.8-3.8 3.8-10 0-13.8z m-88.8-23.6c-28.3 0-51.3-22.8-51.3-51s23-51 51.3-51c28.3 0 51.3 22.8 51.3 51s-23 51-51.3 51z';
	var iconDownload = 'M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0';
	var chart1 = echarts.init(document.getElementById('chart1'));
	var chart2 = echarts.init(document.getElementById('chart2'));
	//var chart3 = echarts.init(document.getElementById('chart3'));
	var chart4 = echarts.init(document.getElementById('chart4'));
	var xAxis1 = [ function(days) {
		var arr = [];
		if (!days) {
			days = now.getDate();
		}
		for (var i = now.getDate() - days + 1; i <= now.getDate(); i++) {
			arr.push((now.getMonth() + 1) + '月' + i + '日');
		}
		return arr;
	}, function() {
		var arr = [];
		for (var i = 1; i < 13; i++) {
			if (i < 10) {
				arr.push('0' + i + '月');
			} else {
				arr.push(i + '月');
			}
		}
		return arr;
	}, function() {
		var arr = [];
		for (var i = now.getFullYear() - 6; i <= now.getFullYear(); i++) {
			arr.push(i + '年');
		}
		return arr;
	} ];

	var data1 = [ [ 15, 8, 23, 25, 6, 8, 10, 36, 19, 22 ], [ 47, 9, 63, 15, 28, 50, 54, 51, 64, 90, 68, 85 ], [ 178, 180, 170, 159, 188, 167, 119 ] ];
	var data2 = [ 34520, 46900, 51080, 19550, 61130, 99700, 75890, 33160, 73240, 65470, 37070, 57000 ];
	var data4 = [ 15, 18, 23, 25, 16, 18, 10, 16, 19, 22, 17, 9, 13, 15, 18, 10, 14, 11, 14, 10, 18, 15, 18, 10, 10, 19, 18, 17, 19, 20, 19 ];
	var option1 = {
		title : {
			text : 'APP用户新增数',
		},
		grid : {
			containLabel : true,
			top : 50,
			bottom : 10,
			left : 10,
			right : 30
		},
		tooltip : {
			trigger : 'axis',
			formatter : '{b}{a}: {c}'
		},
		toolbox : {
			show : true,
			feature : {
				myDay : {
					show : true,
					title : '日',
					icon : icon,
					onclick : function(option1) {
						chart1.setOption({
							xAxis : {
								data : xAxis1[0](10)
							},
							series : [ {
								data : data1[0]
							} ]
						})
					}
				},
				myMonth : {
					show : true,
					title : '月',
					icon : icon,
					onclick : function(option1) {
						chart1.setOption({
							xAxis : {
								data : xAxis1[1]()
							},
							series : [ {
								data : data1[1]
							} ]
						})
					}
				},
				myYear : {
					show : true,
					title : '年',
					icon : icon,
					onclick : function(option1) {
						chart1.setOption({
							xAxis : {
								data : xAxis1[2]()
							},
							series : [ {
								data : data1[2]
							} ]
						})
					}
				},
				myExport : {
					show : true,
					title : '导出',
					icon : iconDownload,
					onclick : function(option1) {
						alert('导出');
					}
				},
			}
		},
		xAxis : {
			type : 'category',
			boundaryGap : false,
			data : xAxis1[0](10)
		},
		yAxis : {
			type : 'value',
			axisLabel : {
				formatter : '{value}'
			}
		},
		series : [ {
			name : '人数',
			type : 'line',
			label : {
				normal : {
					show : true,
					position : 'top'
				}
			},
			data : data1[0],
		/* markPoint : {
			symbolSize : 50,
			data : [ {
				type : 'max',
				name : '最大人数'
			}, {
				type : 'min',
				name : '最小人数'
			} ]
		},
		markLine : {
			data : [ {
				type : 'average',
				name : '平均人数'
			} ]
		} */
		} ]
	};
	var option2 = {
		title : {
			text : '平台入账金额',
		},
		grid : {
			containLabel : true,
			top : 50,
			bottom : 10,
			left : 10,
			right : 10,
		},
		color : [ '#00C0EF' ],
		tooltip : {
			trigger : 'axis',
			axisPointer : { // 坐标轴指示器，坐标轴触发有效
				type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			},
			formatter : '{b}: {c}'
		},
		label : {
			show : true,
			color : '#000',
			position : [ 0, -15 ]
		},
		xAxis : [ {
			type : 'category',
			data : [ '01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月' ],
			axisTick : {
				alignWithLabel : true
			},
		} ],
		yAxis : [ {
			type : 'value',
		} ],
		series : [ {
			name : '金额',
			type : 'bar',
			barWidth : '60%',
			data : data2,
		} ]
	};
	var option3 = {
		title : {
			text : '待办事项数量',
			x : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : "{d}%"
		},
		label : {
			show : true,
			formatter : "{b}: {c}"
		},
		series : [ {
			type : 'pie',
			radius : '55%',
			center : [ '50%', '50%' ],
			data : [ {
				name : "审核类",
				value : 651
			}, {
				name : "投诉类",
				value : 772
			}, {
				name : "信息类",
				value : 461
			}, {
				name : "报错类",
				value : 564
			}, ],
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(0, 0, 0, 0.5)'
				}
			}
		} ]
	};
	var option4 = {
		title : {
			text : '订单数量',
		},
		grid : {
			containLabel : true,
			top : 50,
			bottom : 10,
			left : 10,
			right : 30
		},
		tooltip : {
			trigger : 'axis',
			formatter : '{b}{a}: {c}'
		},
		toolbox : {
			show : true,
			feature : {
				myDay : {
					show : true,
					title : '日',
					icon : icon,
					onclick : function(option1) {
						chart4.setOption({
							xAxis : {
								data : xAxis1[0]()
							},
							series : [ {
								data : data4
							} ]
						})
					}
				},
				myMonth : {
					show : true,
					title : '月',
					icon : icon,
					onclick : function(option1) {
						chart4.setOption({
							xAxis : {
								data : xAxis1[1]()
							},
							series : [ {
								data : data1[1]
							} ]
						})
					}
				},
				myYear : {
					show : true,
					title : '年',
					icon : icon,
					onclick : function(option1) {
						chart4.setOption({
							xAxis : {
								data : xAxis1[2]()
							},
							series : [ {
								data : data1[2]
							} ]
						})
					}
				},
				myExport : {
					show : true,
					title : '导出',
					icon : iconDownload,
					onclick : function(option1) {
						alert('导出');
					}
				},
			}
		},
		xAxis : {
			type : 'category',
			boundaryGap : false,
			data : xAxis1[0]()
		},
		yAxis : {
			type : 'value',
			axisLabel : {
				formatter : '{value}'
			}
		},
		series : [ {
			name : '数量',
			type : 'line',
			label : {
				normal : {
					show : true,
					position : 'top'
				}
			},
			data : data4,
		/* markPoint : {
			symbolSize : 50,
			data : [ {
				type : 'max',
				name : '最大数量'
			}, {
				type : 'min',
				name : '最小数量'
			} ]
		},
		markLine : {
			data : [ {
				type : 'average',
				name : '平均数量'
			} ]
		} */
		} ]
	};

	chart1.setOption(option1);
	chart2.setOption(option2);
	//chart3.setOption(option3);
	chart4.setOption(option4);

	var table_dataset1 = [ {
		field : 'userName',
		align : 'center',
	}, {
		field : 'buildId',
		align : 'center',
		formatter : function buildIdFormatter(value, row, index) {
			return row.buildId + "号楼";
		}
	}, {
		field : 'unitId',
		align : 'center',
		formatter : function unitIdFormatter(value, row, index) {
			return row.unitId + "单元";
		}
	}, {
		field : 'floor',
		align : 'center',
		formatter : function floorFormatter(value, row, index) {
			return row.floor + "层";
		}
	}, {
		field : 'roomId',
		align : 'center',
	}, {
		field : 'status',
		align : 'center',
		formatter : function statusFormatter(value, row, index) {
			if (row.status == 1) {
				return "未读";
			} else if (row.status == 2) {
				return "已读";
			}
		}
	}, {
		field : 'createTime',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm:ss");
		}
	} ];

	$('#table1').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectPropertyChange",
		idField : "id",
		columns : table_dataset1,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset2 = [ {
		field : 'userName',
		align : 'center',
	}, {
		field : 'corporateName',
		align : 'center',
	}, {
		field : 'corporateAddr',
		align : 'center',
	}, {
		field : 'legalRepresentative',
		align : 'center',
	}, {
		field : 'email',
		align : 'center',
	}, {
		field : 'tel',
		align : 'center',
	}, {
		field : 'createTime',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm:ss");
		}
	}, {
		field : 'status',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return "<div class='text-warning'>待审核</div>";
		}
	} ];

	$('#table2').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectO2OUserAll",
		idField : "id",
		columns : table_dataset2,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset3 = [ {
		field : 'shopName',
		align : 'center',
	}, {
		field : 'isStore',
		align : 'center',
	}, {
		field : 'operationType',
		align : 'center',
	}, {
		field : 'accountName',
		align : 'center',
	}, {
		field : 'tel',
		align : 'center',
	}, {
		field : 'bankName',
		align : 'center',
	}, {
		field : 'bankNo',
		align : 'center',
	}, {
		field : 'createTime',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm:ss");
		}
	}, {
		field : 'status',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return "<div class='text-warning'>待审核</div>";
		}
	} ];

	$('#table3').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectO2OShop",
		idField : "id",
		columns : table_dataset3,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset4 = [ {
		field : 'shopName',
		align : 'center',
	}, {
		field : 'operationType',
		align : 'center',
	}, {
		field : 'tel',
		align : 'center',
	}, {
		field : 'createTime',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm:ss");
		}
	}, {
		field : 'status',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return "<div class='text-warning'>待审核</div>";
		}
	} ];

	$('#table4').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectO2OShop2",
		idField : "id",
		columns : table_dataset4,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset5 = [ {
		field : 'userName',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'userMobile',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'doorType',
		align : 'center',
		valign : 'middle',
		formatter : function Formatter(value, row, index) {
			if (row.doorType == '1') {
				return "公区门";
			} else {
				return "楼栋门";
			}
		}
	}, {
		field : 'eText',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'createTime',
		align : 'center',
		valign : 'middle',
		width : 200,
		formatter : function Formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm");
		}
	}, {
		field : 's1',
		align : 'center',
		valign : 'middle',
		width : 200,
		formatter : function Formatter(value, row, index) {
			return "未查看";
		}
	} ];

	$('#table5').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectEgErrorPage",
		idField : "id",
		columns : table_dataset5,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset6 = [ {
		field : 'userName',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'userMobile',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'eType',
		align : 'center',
		valign : 'middle',
		formatter : function Formatter(value, row, index) {
			if (row.eType == '1') {
				return "门禁错误";
			} else {
				return "设备错误";
			}
		}
	}, {
		field : 'eText',
		align : 'center',
		valign : 'middle',
	}, {
		field : 'createTime',
		align : 'center',
		valign : 'middle',
		width : 200,
		formatter : function Formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm");
		}
	}, {
		field : 's1',
		align : 'center',
		valign : 'middle',
		width : 200,
		formatter : function Formatter(value, row, index) {
			return "未查看";
		}
	} ];

	$('#table6').bootstrapTable({
		url : "${pageContext.request.contextPath}/selectGymErrorPage",
		idField : "id",
		columns : table_dataset6,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	var table_dataset7 = [ {
		field : 'orderId',
		align : 'center',
	}, {
		field : 'userName',
		align : 'center',
	}, {
		field : 'type',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return "平台投诉";
		}
	}, {
		field : 'shopName',
		align : 'center',
	}, {
		field : 'status',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return "待查看";
		}
	}, {
		field : 'createTime',
		align : 'center',
		formatter : function formatter(value, row, index) {
			return (new Date(row.createTime)).Format("yyyy-MM-dd hh:mm:ss");
		}
	} ];

	$('#table7').bootstrapTable({
		url : "${pageContext.request.contextPath}/seleteO2oComplaintPage",
		idField : "id",
		columns : table_dataset7,
		striped : true, //是否显示行间隔色
		pagination : false, //是否显示分页
		search : false, //是否显示搜索
		showRefresh : false,
		sidePagination : "server", //表示服务端请求  
		showExport : false,
		queryParams : function queryParams(params) { //设置查询参数  
			var param = {
				offset : 0,
				limit : 9999,
				isWelcome : 'true'
			};
			return param;
		},
	});

	$('#tableTabs li').on('click', function() {
		$(this).siblings('li').removeClass('active');
		$(this).addClass('active');
	});

	function switchTable(id) {
		c = id;
		$("#table1,#table2,#table3,#table4,#table5,#table6,#table7").hide();
		$("#table" + c).show();
	}

	function query() {
		$("#table" + c).bootstrapTable('refresh');
	}

	$(function() {
		$.ajax({
			url : "${pageContext.request.contextPath}/selectByStatistics",
			type : "post",
			dataType : "json",
			success : function(map) {
				$("#count1").html(map.count1);
				$("#count2").html(map.count2);
				$("#count3").html(map.count3);
				$("#count4").html(map.count4);
				$("#count5").html(map.count5);
				$("#count6").html(map.count6);
			}
		});
		$.ajax({
			url : "${pageContext.request.contextPath}/selectAppIcon",
			type : "post",
			dataType : "json",
			success : function(map) {
				var list = map['list'];
				for (var i = 0; i < list.length; i++) {
					$("#icon" + list[i].id).html(list[i].count);
				}
			}
		})
	});
</script>
</html>
